import Taro, {Component, Config} from '@tarojs/taro'
import { View, Input } from '@tarojs/components'
import { SDBody } from 'sudao-ui'

import './index.less'
import SDButton from "../../../comps/sd-button";

export default class ChangePasswordPage extends Component {

  config: Config = {
    navigationBarTitleText: '修改密码'
  }

  render () {
    const { statusBarHeight } = Taro.getSystemInfoSync()
    const bottomH = statusBarHeight == 44 ? 34 : 0

    return (
      <SDBody sd-class='container'>
        <View className="cell-item border-bottom_1px">
          <Input className="cell-input" placeholder='请输入原密码' placeholderStyle='color: #999;' password />
        </View>
        <View className="cell-item border-bottom_1px">
          <Input className="cell-input" placeholder='请输入新密码' placeholderStyle='color: #999;' password />
        </View>
        <View className="cell-item">
          <Input className="cell-input" placeholder='确认新密码' placeholderStyle='color: #999;' password />
        </View>

        <View style='height:118rpx;'></View>
        <View className="fixed-bottom border-top_1px">
          <View className="bottom-bar">
            <SDButton height={96} sd-class='btn-payment' onClick={this.execSubmit}>确定</SDButton>
          </View>
          <View style={`height: ${bottomH}px;`}></View>
        </View>
      </SDBody>
    )
  }

  execSubmit = () => {
    console.log('提交')
  }
}
